/* pages/shipu/shipu.wxss */
.page{
  height:120vh;
  background-color: #DEEAEB;
  padding:20rpx;
}
.container{
  height:120vh;
  border-radius: 30rpx;
  background-color:#fff;
  display:flex;
  justify-content: space-between;
}
.title{
   margin-top:-170rpx;
  color:#6cb1b2;
  font-size: 60rpx;
  font-weight: 600;
}
.bigbox{
  margin-top: 60rpx;
  height:900rpx;
  width:650rpx;
 
}
.season-box{
  height:250rpx;
  width:650rpx;
  
  border: 2px solid #6cb1b2; /* 添加边框 */  
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); /* 添加阴影 */  
  border-radius: 20rpx;


.season-title{
  display: flex;
  margin-top: 40rpx;
  width:25%;
  font-size:30rpx;
  float:left;
  font-size: 60rpx;
  font-weight: 600;
  margin-left:30rpx;
}
// .food-list{
//   float:left;
//   border:2px solid red;
//   width:75%;
.food-list {  
  display: flex;  
  flex-wrap: wrap;  //项目在必要时换行，并且从主轴的开始位置向末尾方向堆叠。当设置为wrap时，如果容器的宽度不足以容纳所有项目，则项目会自动换行到下一行，以确保所有项目都能被显示。
  justify-content: space-around;  //每个项目两侧的空间相等，因此项目之间的空间是项目与边缘空间的两倍。
 
  
.food-item{
    display:flex;
    flex-direction: column;
    
    text-align: center;  
  }  
  image{
    height:90rpx;
    width:100rpx;
  }
  text{
    font-size: 26rpx;
  }
}
}
